<template>
 <div>
     <button @click="stores"><span v-if="status">升序</span><span v-else>将序</span></button>
     <ul>
         <li v-for="(item,index) in arr" :key="index">{{item}}</li>
     </ul>
 </div>
</template>
<script>
export default {
 name : "", 
 data(){
  return {
      arr:[1,2,3,4,5,6],
      status:true //判断的条件，false就是降序，true就是升序
  }
 },
 methods:{
     stores(){
         //取反
         this.status =!this.status
        //  console.log(this.status);
         this.arr.sort((a,b) => {
             //如果status是false，就让他降序
            if(this.status == false){
                 return b - a
            }else{          //否则就是true，让他升序
                 return a - b
            }
         })
     },
    //  stores1(){
    //      this.status = true
    //        this.arr.sort((a,b) => {
    //          return a - b
    //      })
    //  }
 },
 components : {

 },
}
</script>


<style scoped>

</style>